<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/highcharts/highcharts.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/highcharts/modules/exporting.js"></script>
		<style type="text/css">
			$ {
				demo.css
			}
		</style>
		<script type="text/javascript">
			$(function() {
				$('#container').highcharts({
					exporting: {
						enabled: true//用来设置是否显示‘打印’,'导出'等功能按钮，不设置时默认为显示，true表示显示打印，false表示不显示打印
					},
					title: {
						text: '月平均气温',
						x: -20 //center
					},
					subtitle: {
						text: '来自：中国天气网',
						x: -20
					},
					xAxis: {
						categories: ['一月', '二月', '三月', '四月', '五月', '六月',
							'七月', '八月', '九月', '十月', '十一月', '十二月'
						]
					},
					yAxis: {
						title: {
							text: '温度 (°C)'
						},
						plotLines: [{
							value: 0,
							width: 1,
							color: '#808080'
						}]
					},
					tooltip: {
						valueSuffix: '°C'
					},
					legend: {
						layout: 'vertical',
						align: 'right',
						verticalAlign: 'middle',
						borderWidth: 0
					},
					series: [{
						name: '东京',
						data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
					}, {
						name: '纽约',
						data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
					}, {
						name: '柏林',
						data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
					}, {
						name: '伦敦',
						data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
					}]
				});
			});
		</script>
	</head>

	<body>
		<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
	</body>

</html>